<!DOCTYPE html>
<html>
    <head>
        <title>home site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href='css/bootstrap.css' rel='stylesheet' type='text/css'>
        <link href='css/jquery.jscrollpane.css' rel='stylesheet' type='text/css'>
        <link href='fonts/style.css' rel='stylesheet' type='text/css'>
        <link href='style.css' rel='stylesheet' type='text/css'>
        <!--[if IE 9 ]> <link href='css/ie9.css' rel='stylesheet' type='text/css'> <![endif]-->
        <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.jscrollpane.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/custom.js"></script>
        <!--<script type="text/javascript" language="javascript" src="js/jquery-slider.js"></script>-->
        <!--BEGIN SLIDE IMG PRODUCT-->
        <link href='css/base.css' rel='stylesheet' type='text/css'>
        <script type="text/javascript" language="javascript" src="js/jquery.pikachoose.min.js"></script>
        <!--END SLIDE IMG PRODUCT-->

    </head>
    <body>
        <div class="w100p wrapper rsmp">
            <div class="wrapperheader w100p rsmp relative">
                <div class="mc w970 h75 relative">
                    <a href="#" class="absolute logo"><img src="images/prd/0.png"/></a>
                    <ul class="topmenu utility fr">
                        <li class="wtb"><a href="#">Where to Buy&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="wtb"><a href="#">View cart&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="flag"><a href="#">Where to Buy</a></li>
                    </ul>
                    <div class="clr"></div>
                    <ul class="topmenu mainmenu fl">
                        <li><a href="#">Our Mission</a><span></span></li>
                        <li><a href="#">Our Practices</a><span></span></li>
                        <li>
                            <a href="#">Our Foods</a><span></span>
                            <ul class="sub-menu">
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Recipes</a><span></span></li>
                        <li><a href="#">Giving Back</a><span></span></li>
                    </ul>
                    <div class="fr search">
                        <input type="text" placeholder="Search"/>
                        <input type="submit" value="searrch"/>
                    </div>
                    <div class="absolute topbreadcrumb z50">
                        <div class="breadcrumbs-plus">
                            <a href="http://www.annies.com/" rel="home" class="breadcrumbs-begin">Home</a><span class="breadcrumbs-separator">/</span>
                            <a href="http://www.annies.com/our-practices/" title="Our Practices">Our Practices</a> <span class="breadcrumbs-separator">/</span> Real Ingredients</div>
                    </div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="topbanner">
                <div class="w970 jh500 mc">
                    <div class="fl">
                        <div class="pikachoose">
                            <ul id="pikame" >
                                <li><img src="images/prd/5.png"/></li>
                                <li><img src="images/prd/5.png"/></li>
                                <li><img src="images/prd/5.png"/></li>
                            </ul>
                        </div>
                    </div>
                    <div class="fr">
                        <h1>Class Macaroni & Cheese(6oz)</h1>
                        <div class="des">Over the years, many of you have asked for a milder cheese flavor for your most finicky eaters. Others have asked for the traditional elbow macaroni shape to match that "other" brand. Now, we're happy to introduce our "True Blue" macaroni and cheese featuring a milder cheddar cheese and elbow shaped macaroni.</div>
                        <div class="circle">
                            <div class="fl"></div>
                            <div class="fl"></div>
                            <div class="fl"></div>
                            <div class="clr"></div>
                        </div>
                        <div class="link">
                            <a href="#" class="findaretail fl"></a>
                            <span class="fl">-OR-</span>
                            <a href="#" class="shoponline fl"></a>
                            <div class="clr"></div>
                        </div>
                        <div class="rate">

                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrappermain w100p rsmp">
                <div class="topmain"></div>
                <div class="clr"></div>
                <div class="contentmain">
                    <div class="w970 mc ourfoods detail">
                        <div class="fl">
                            <ul class="nav nav-tabs" id="detailTab">
                                <li class="active"><a href="#whatsinit">WHAT'S IN IT</a></li>
                                <li class="middlea"><a href="#whatsnot">WHAT'S NOT</a></li>
                                <li class="middleb"><a href="#nutritionfacts">NUTRITION FACTS</a></li>
                                <li><a href="#ingridients">INGREDIENTS</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="whatsinit">
                                            <h3>Lorem ipsum dolor sit amet consultiteur.
                                                Erat sit amet consultiteur.</h3>
                                            <ul>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                            </ul>
                                            <a href="#"><img src="images/prd/6.png" /></a>
                                            <h3>Lorem ipsum dolor sit amet consultiteur.
                                                Erat sit amet consultiteur.</h3>
                                            <ul>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                            </ul>
                                            <a href="#"><img src="images/prd/6.png" /></a>
                                </div>
                                <div class="tab-pane" id="whatsnot">...</div>
                                <div class="tab-pane" id="nutritionfacts">
                                    <h3>Lorem ipsum dolor sit amet consultiteur.
                                                Erat sit amet consultiteur.</h3>
                                            <ul>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                            </ul>
                                            <a href="#"><img src="images/prd/6.png" /></a>
                                            <h3>Lorem ipsum dolor sit amet consultiteur.
                                                Erat sit amet consultiteur.</h3>
                                            <ul>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                                <li>no artificial flavors</li>
                                            </ul>
                                            <a href="#"><img src="images/prd/6.png" /></a>
                                </div>
                                <div class="tab-pane" id="ingridients">...</div>
                            </div>
                        </div>
                        <div class="fr">
                            <h3>You may so like...</h3>
                            <table>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="#">
                                            <img src="images/prd/7.png"/>
                                            <p>Curly Fettuccine White Cheddar & Broccoli Sauce</p>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="#">
                                            <img src="images/prd/7.png"/>
                                            <p>Curly Fettuccine</p>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                            <img src="images/prd/7.png"/>
                                            <p>Curly Fettuccine</p>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="#">
                                            <img src="images/prd/7.png"/>
                                            <p>Curly Fettuccine White Cheddar & Broccoli Sauce</p>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="clr"></div>
                        <div class="related">
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrapperfooter w100p rsmp">
                <div class="mc w970 top">
                    <div class="cols col1"></div>
                    <div class="cols col2"></div>
                    <div class="cols col3"></div>
                </div>
                <div class="clr"></div>
                <div class="mc w970 copyrights">
                    <div class="inner">
                        <div class="copy-text">Copyright 2013 Annie's Homegrown, Inc. </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
